<script setup>
defineProps({
  left_img: {
    type: String,
    default: "null"
  },
  left_icon: {
    type: String,
    default: "home"
  },
  name: {
    type: String,
    default: "name"
  },
  right_icon: {
    type: String,
    default: "chevron-right"
  },
  right_img: {
    type: String,
    default: "null"
  },
})
</script>

<template>
  <view class="b_list_item">
    <view class="back">
      <view class="item">

        <view class="left">
          <img v-if="left_img !== 'null'" :src="left_img"/>
          <v-icon v-if="left_img === 'null'" :icon="'mdi-'+ left_icon"></v-icon>
          <text>{{name}}</text>
        </view>

        <view class="right">
          <img v-if="right_img !== 'null'" :src="right_img"/>
          <v-icon v-if="right_img === 'null'" :icon="'mdi-'+ right_icon"></v-icon>
        </view>
      </view>
    </view>
  </view>
</template>

<style scoped lang="scss">

</style>